<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  
  <title>Morgan</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta property="og:type" content="website">
<meta property="og:title" content="Morgan">
<meta property="og:url" content="http://yoursite.com/index.html">
<meta property="og:site_name" content="Morgan">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Morgan">
  
    <link rel="alternate" href="https://hpcslag.github.io/hexo-theme-morgan/demo/atom.xml" title="Morgan" type="application/atom+xml">
  
  
    <link rel="icon" href="https://hpcslag.github.io/hexo-theme-morgan/demo/favicon.png">
  
  
    <link href="//fonts.googleapis.com/css?family=Source+Code+Profonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet" type="text/css">
  
  <link rel="stylesheet" href="https://hpcslag.github.io/hexo-theme-morgan/demo/css/tocas.css">
  <link rel="stylesheet" href="https://hpcslag.github.io/hexo-theme-morgan/demo/css/animate.css">
  <link rel="stylesheet" href="https://hpcslag.github.io/hexo-theme-morgan/demo/css/style.css">
  <style type="text/css">
    a.title-link:hover{
        color: #34b2db !important;
    }

    a.title-link:active{
        color: #2075c1 !important;
    }

    #menu-color-id{
        background : #f7f7f7;
    }

    #menu-color-id a{
        color: #5a5a5a;
    }
  </style>
  <script src="https://hpcslag.github.io/hexo-theme-morgan/demo/js/tocas.js"></script>
  

</head>

<body>
<!-- navigation -->

<div class="ts fluid basic link big menu" id="menu-color-id">

    <!-- ejs : align to post page or index page -->
        
            <div class="ts narrow container" style=" padding-left: 25px; ">
        

        
            <a class="item" href="https://hpcslag.github.io/hexo-theme-morgan/demo/">Home</a>
        
            <a class="item" href="https://hpcslag.github.io/hexo-theme-morgan/demo/archives">Archives</a>
        
    </div>
</div>
<!-- the end of navigation -->

<!-- big bang title -->
<div class="ts padded horizontally fitted fluid slate" style="background-color: #f7f7f7;">
    <!-- ejs : align to post page or index page -->
    
        <div class="ts narrow container relaxed stackable grid" id="big-bang-title" style=" padding-left: 35px; ">
    
        <!-- Title -->
        <h1 class="ts eleven wide column header be-center-h1">
            <span style="color: #404040;" id="big-title">Morgan</span>
            <div class="sub header" id="slogan-bar" style=" margin-top: 15px; color: #404040;"></div>
        </h1>
        <!-- the end of title -->
    </div>
</div>
<!-- the end of big bang title -->


<!-- main section -->
<div class="ts narrow container relaxed stackable grid">
        <!-- left section -->
        <div class="eleven wide column" style=" padding: 35px; ">
            <!-- Articles -->
            
            <div class="ts horizontally fitted basic segment">
                <!-- title bar -->
                <div class="ts huge header">
                    <a href="https://hpcslag.github.io/hexo-theme-morgan/demo/2017/06/10/hello-world/" class="title-link" style="color: #3498db;">Hello World</a>
                    <div class="sub header">
                        2017-5-10
                        
                    </div>
                </div>
                <!-- / the end of title bar -->

                <p> Welcome to  Hexo ! This is your very first post. Check  documentation  for more info. If you get any problems when using Hexo, you can find the answer in  troubleshooting  or you can ask ...</p>
                <a href="https://hpcslag.github.io/hexo-theme-morgan/demo/2017/06/10/hello-world/" class="ts circular button">Read More</a>
            </div>
            
            <div class="ts horizontally fitted basic segment">
                <!-- title bar -->
                <div class="ts huge header">
                    <a href="https://hpcslag.github.io/hexo-theme-morgan/demo/2013/12/26/images/" class="title-link" style="color: #3498db;">Images</a>
                    <div class="sub header">
                        2013-11-26
                        
                    </div>
                </div>
                <!-- / the end of title bar -->

                <p></p>
                <a href="https://hpcslag.github.io/hexo-theme-morgan/demo/2013/12/26/images/" class="ts circular button">Read More</a>
            </div>
            
            <div class="ts horizontally fitted basic segment">
                <!-- title bar -->
                <div class="ts huge header">
                    <a href="https://hpcslag.github.io/hexo-theme-morgan/demo/2013/12/25/no-title/" class="title-link" style="color: #3498db;"></a>
                    <div class="sub header">
                        2013-11-25
                        
                    </div>
                </div>
                <!-- / the end of title bar -->

                <p></p>
                <a href="https://hpcslag.github.io/hexo-theme-morgan/demo/2013/12/25/no-title/" class="ts circular button">Read More</a>
            </div>
            
            <div class="ts horizontally fitted basic segment">
                <!-- title bar -->
                <div class="ts huge header">
                    <a href="https://hpcslag.github.io/hexo-theme-morgan/demo/2013/12/25/excerpts/" class="title-link" style="color: #3498db;">Excerpts</a>
                    <div class="sub header">
                        2013-11-25
                        
                    </div>
                </div>
                <!-- / the end of title bar -->

                <p> The following contents should be invisible in home/archive page. 
  
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eget urna vitae velit eleifend interdum at ac nisi. In nec ligula lacus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed eu cursus erat, ut dapibus quam. Aliquam eleifend dolor vitae libero pharetra adi...</p>
                <a href="https://hpcslag.github.io/hexo-theme-morgan/demo/2013/12/25/excerpts/" class="ts circular button">Read More</a>
            </div>
            
            <div class="ts horizontally fitted basic segment">
                <!-- title bar -->
                <div class="ts huge header">
                    <a href="https://hpcslag.github.io/hexo-theme-morgan/demo/2013/12/25/videos/" class="title-link" style="color: #3498db;">Videos</a>
                    <div class="sub header">
                        2013-11-25
                        
                    </div>
                </div>
                <!-- / the end of title bar -->

                <p></p>
                <a href="https://hpcslag.github.io/hexo-theme-morgan/demo/2013/12/25/videos/" class="ts circular button">Read More</a>
            </div>
            
            <div class="ts horizontally fitted basic segment">
                <!-- title bar -->
                <div class="ts huge header">
                    <a href="https://hpcslag.github.io/hexo-theme-morgan/demo/2013/12/25/gallery-post/" class="title-link" style="color: #3498db;">Gallery Post</a>
                    <div class="sub header">
                        2013-11-25
                        
                    </div>
                </div>
                <!-- / the end of title bar -->

                <p></p>
                <a href="https://hpcslag.github.io/hexo-theme-morgan/demo/2013/12/25/gallery-post/" class="ts circular button">Read More</a>
            </div>
            
            <div class="ts horizontally fitted basic segment">
                <!-- title bar -->
                <div class="ts huge header">
                    <a href="https://hpcslag.github.io/hexo-theme-morgan/demo/2013/12/25/tag-plugins/" class="title-link" style="color: #3498db;">Tag Plugins</a>
                    <div class="sub header">
                        2013-11-25
                        
                    </div>
                </div>
                <!-- / the end of title bar -->

                <p> This post is used for testing tag plugins. See  docs  for more info. 
   Block Quote    Normal blockquote &lt;blockq...</p>
                <a href="https://hpcslag.github.io/hexo-theme-morgan/demo/2013/12/25/tag-plugins/" class="ts circular button">Read More</a>
            </div>
            
            <div class="ts horizontally fitted basic segment">
                <!-- title bar -->
                <div class="ts huge header">
                    <a href="https://hpcslag.github.io/hexo-theme-morgan/demo/2013/12/24/link-post-without-title/" class="title-link" style="color: #3498db;">www.google.com</a>
                    <div class="sub header">
                        2013-11-24
                        
                    </div>
                </div>
                <!-- / the end of title bar -->

                <p></p>
                <a href="https://hpcslag.github.io/hexo-theme-morgan/demo/2013/12/24/link-post-without-title/" class="ts circular button">Read More</a>
            </div>
            
            <div class="ts horizontally fitted basic segment">
                <!-- title bar -->
                <div class="ts huge header">
                    <a href="https://hpcslag.github.io/hexo-theme-morgan/demo/2013/12/24/日本語テスト/" class="title-link" style="color: #3498db;">日本語テスト</a>
                    <div class="sub header">
                        2013-11-24
                        
                    </div>
                </div>
                <!-- / the end of title bar -->

                <p> This is a Japanese test post. 
 私は昨日ついにその助力家というのの上よりするたなけれ。 
 最も今をお話団はちょうどこの前後なかろでくらいに困りがいるたをは帰着考えたなかって、そうにもするでうたらない。 
 がたを知っないはずも同時に九月をいよいよたありた。 
 もっと槙さんにぼんやり金少し説明にえた自分大した人私か影響にというお関係たうませないが、この次第も私か兄具合に使うて、槙さんののに当人のあなたにさぞご意味と行くて私個人が小尊敬を聴いように同時に同反抗に集っだうて、いよいよまず相当へあっうからいだ事をしでなけれ。 
 
 それでそれでもご時日をしはずはたったいやと突き抜けるますて、その元がは行ったてという獄を尽すていけですた。 
 
 この...</p>
                <a href="https://hpcslag.github.io/hexo-theme-morgan/demo/2013/12/24/日本語テスト/" class="ts circular button">Read More</a>
            </div>
            
            <div class="ts horizontally fitted basic segment">
                <!-- title bar -->
                <div class="ts huge header">
                    <a href="https://hpcslag.github.io/hexo-theme-morgan/demo/2013/12/24/中文測試/" class="title-link" style="color: #3498db;">中文測試</a>
                    <div class="sub header">
                        2013-11-24
                        
                    </div>
                </div>
                <!-- / the end of title bar -->

                <p> This is a Chinese test post. 
 善我王上魚、產生資西員合兒臉趣論。畫衣生這著爸毛親可時，安程幾？合學作。觀經而作建。都非子作這！法如言子你關！手師也。 
 以也座論頭室業放。要車時地變此親不老高小是統習直麼調未，行年香一？ 
 就竟在，是我童示讓利分和異種百路關母信過明驗有個歷洋中前合著區亮風值新底車有正結，進快保的行戰從：弟除文辦條國備當來際年每小腳識世可的的外的廣下歌洲保輪市果底天影；全氣具些回童但倒影發狀在示，數上學大法很，如要我……月品大供這起服滿老？應學傳者國：山式排只不之然清同關；細車是！停屋常間又，資畫領生，相們制在？公別的人寫教資夠。資再我我！只臉夫藝量不路政吃息緊回力之；兒足灣電空時局我怎初安。意今一子區首者微陸現際安除發連由子由而走學體區園我車當會，經時取頭，嚴了新科同？很夫營動通打，出和導一樂，查旅他。...</p>
                <a href="https://hpcslag.github.io/hexo-theme-morgan/demo/2013/12/24/中文測試/" class="ts circular button">Read More</a>
            </div>
            
            <!-- / the end of articles -->

            <!-- page number -->
             
            <div class="ts basic horizontally fitted padded segment">
                <div class="ts pagination menu">
                    <span class="page-number current">1</span><a class="page-number" href="https://hpcslag.github.io/hexo-theme-morgan/demo/page/2/">2</a><a class="extend next" rel="next" href="https://hpcslag.github.io/hexo-theme-morgan/demo/page/2/">Next &raquo;</a>
                </div>
            </div>
            
            <!-- / the end of page number -->
        </div>
        <!-- / left section -->

        <!-- whitespace -->
        <div class="one wide column"></div>

        <!-- right section -->
        <div class="four wide column" style=" padding-top: 35px; ">

            
            <!-- About Me Section -->
            <div class="ts flatted secondary segment">
                <h3>About Me</h3>
                <p>I am a dedicated person with a family of four. I enjoy reading, and the knowledge and perspective that my reading gives me has strengthened my teaching skills and presentation abilities. I have been successful at raising a family, and I attribute this success to my ability to plan, schedule, and handle many different tasks at once. This flexibility will help me in the classroom, where there are many different personalities and learning styles.</p>
            </div>
            <!-- the end of about me -->
            

            <!-- Archive -->
            <div class="ts basic segment">
                <h3>Archives</h3>
                <div class="ts relaxed link list">
                    <ul class="unstyled -list"><li class="unstyled -list-item"><a class="unstyled -list-link" href="https://hpcslag.github.io/hexo-theme-morgan/demo/archives/2017/06/">June 2017</a></li><li class="unstyled -list-item"><a class="unstyled -list-link" href="https://hpcslag.github.io/hexo-theme-morgan/demo/archives/2013/12/">December 2013</a></li></ul>
                </div>
            </div>
            <!-- the end of  Archive -->

            <!-- Side Section -->
            <div class="ts basic segment" style=" margin-bottom: 25px; ">
                <h3>Tags</h3>
                <div class="ts relaxed link list before-tags-widget">
                    <ul class="unstyled tags-list-widget -list"><li class="unstyled tags-list-widget -list-item"><a class="unstyled tags-list-widget -list-link" href="https://hpcslag.github.io/hexo-theme-morgan/demo/tags/Bar/">Bar</a></li><li class="unstyled tags-list-widget -list-item"><a class="unstyled tags-list-widget -list-link" href="https://hpcslag.github.io/hexo-theme-morgan/demo/tags/Baz/">Baz</a></li><li class="unstyled tags-list-widget -list-item"><a class="unstyled tags-list-widget -list-link" href="https://hpcslag.github.io/hexo-theme-morgan/demo/tags/Foo/">Foo</a></li></ul>
                </div>
            </div>
            <!-- the end of side section -->
        </div>
        <!-- the end of right section -->
</div>
<!-- the end of main section -->

<!-- footer -->
<div class="ts attached secondary segment">
    <div class="ts narrow container">
        <br>
        <div class="ts large center aligned header">
            
                Powered by <a href="https://hexo.io">&nbsp;Hexo</a>, Theme designs by <a href="https://github.com/hpcslag">&nbsp;@hpcslag</a>.
            
            <div class="smaller sub header">
            
                Style-Framework <a href="https://tocas-ui.com">&nbsp;Tocas-UI</a> designs by <a href="https://github.com/YamiOdymel">&nbsp;@YamiOldmel</a>
            
            </div>
        </div>
        <br>
    </div>
</div>
<!-- the end of footer -->
<script type="text/javascript">
    
    const slogans = ["Hallo, dit is mijn blog","嗨，這是我的博客!","안녕하세요, 제 블로그입니다.","Hi, This is my blog!","こんにちは、私のブログへようこそ!","مرحبا، مرحبا بك في مدونتي"];
</script>
<script src="https://hpcslag.github.io/hexo-theme-morgan/demo/js/script.js"></script>
</body>
</html>